<%-- 
    Document   : prueba
    Created on : 20/05/2014, 06:18:14 PM
    Author     : USUARIO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
	<meta charset="UTF-8">
	<title>Line Chart demo | amCharts</title>
	

<link rel="alternate" type="application/rss+xml" title="amCharts &raquo; Feed" href="http://feeds.feedburner.com/amcharts/" />
<link rel="alternate" type="application/rss+xml" title="amCharts &raquo; Comments Feed" href="http://www.amcharts.com/comments/feed/" />
<link rel='stylesheet' type='text/css' media='all' href='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/download-monitor/assets/css/frontend.css,wp-content/plugins/nextend-facebook-connect/buttons/facebook-btn.css,wp-content/plugins/nextend-google-connect/buttons/google-btn.css,wp-content/themes/amcharts/static/vendor/bootstrap/bootstrap.min.css,wp-content/themes/amcharts/static/vendor/fontawesome/font-awesome.min.css,wp-content/themes/amcharts/static/css/core.css,wp-content/themes/amcharts/static/vendor/codemirror/lib/codemirror.css&amp;ver=10' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?ver=1.8.1'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=wp-includes/js/jquery/jquery-migrate.min.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/amcharts.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/ammap_amcharts_extension.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/maps/js/worldLow.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/maps/js/continentsLow.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/maps/js/usaLow.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=lib/3/exporting/amexport_combined.js&#038;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=wp-content/themes/amcharts/static/js/core.js,lib/3/pie.js,lib/3/serial.js,lib/3/amstock.js,lib/3/funnel.js,lib/3/gauge.js,lib/3/radar.js,lib/3/xy.js,wp-content/themes/amcharts/static/vendor/codemirror/lib/codemirror.js,wp-content/themes/amcharts/static/vendor/codemirror/mode/javascript/javascript.js,wp-content/themes/amcharts/static/vendor/codemirror/mode/css/css.js,wp-content/themes/amcharts/static/vendor/codemirror/mode/xml/xml.js,wp-content/themes/amcharts/static/vendor/codemirror/mode/htmlmixed/htmlmixed.js,wp-content/themes/amcharts/static/js/demo.js&amp;ver=10'></script>
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/bwp-minify/min/?f=wp-content/themes/amcharts/static/vendor/bootstrap/bootstrap.min.js&#038;ver=10'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.amcharts.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.amcharts.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.8" />
<link rel='shortlink' href='http://www.amcharts.com/?p=2537' />
<script type='text/javascript' src='http://www.amcharts.com/wp-content/plugins/anti-captcha/anti-captcha-0.3.js.php?ver=04ad5632029cbfbed8e136e5f6f7ddfa'></script>

<!-- Simple Social Buttons style sheet -->
<style type="text/css">
   div.simplesocialbuttons { height: 20px; margin: 10px auto 10px 0; text-align: left; clear: left; }
   div.simplesocialbutton { float: left; }
   div.ssb-button-googleplus { width: 100px; }
   div.ssb-button-fblike { width: 140px; line-height: 1; }
   div.ssb-button-twitter { width: 130px; }
   div.ssb-button-pinterest { width: 100px; }
   .fb-like iframe { max-width: none !important; }
</style>
<!-- End of Simple Social Buttons -->

</head>

<body class="single single-demos postid-2537">
	<div class="app">
            <div class="app-body">
<div class="demo-body">
	<div id="style_css">
		<style type="text/css">#chartdiv {
	width	: 100%;
	height	: 500px;
}						</style>
	</div>
	<div class="app-section background-gray">
		<div class="container">
			<div class="row demo-headline">
				<div class="col-sm-12">
                                    <div class="demo-nav-top demo-themes pull-right ">
                                        <ul>
                                            <li>
                                                <span class="size-small family-light">Click para cambiar de plantilla:&nbsp;</span>
                                            </li>
                                            <li class="demo-themes-item amcharts-tooltip" data-theme="none" data-css="" data-title="Default">
                                                <a class="fx-all-250" href="#theme-none">
                                                    <img width="36" height="35" src="http://www.amcharts.com/wp-content/uploads/2013/11/theme_none.png" class="attachment-full wp-post-image" alt="theme_none" />
                                                </a>
                                            </li>
                                            <li class="demo-themes-item amcharts-tooltip" data-theme="patterns" data-css="" data-title="Patterns">
                                                <a class="fx-all-250" href="#theme-patterns">
                                                    <img width="35" height="35" src="http://www.amcharts.com/wp-content/uploads/2013/11/theme_pattern2.png" class="attachment-full wp-post-image" alt="theme_pattern" />
                                                </a>
                                            </li>
                                            <li class="demo-themes-item amcharts-tooltip" data-theme="chalk" data-css="background: #282828 url('http://www.amcharts.com/lib/3/patterns/chalk/bg.jpg');color: #fff;" data-title="Chalk">
                                                <a class="fx-all-250" href="#theme-chalk">
                                                    <img width="36" height="35" src="http://www.amcharts.com/wp-content/uploads/2013/11/theme_chalk.png" class="attachment-full wp-post-image" alt="theme_chalk" />
                                                </a>
                                            </li>
                                            <li class="demo-themes-item amcharts-tooltip" data-theme="dark" data-css="background: #3f3f4f;color:#ffffff;" data-title="Dark">
                                                <a class="fx-all-250" href="#theme-dark">
                                                    <img width="36" height="35" src="http://www.amcharts.com/wp-content/uploads/2013/11/theme_dark2.png" class="attachment-full wp-post-image" alt="theme_dark" />
                                                </a>
                                            </li>
                                            <li class="demo-themes-item amcharts-tooltip" data-theme="light" data-css="#chartdiv {
                                                                                                                width		: 100%;
                                                                                                                height		: 500px;
                                                                                                                font-size	: 11px;
                                                                                                        }			" data-title="Light">
                                                <a class="fx-all-250" href="#theme-light">
                                                    <img width="36" height="35" src="http://www.amcharts.com/wp-content/uploads/2013/11/theme_light2.png" class="attachment-full wp-post-image" alt="theme_light" />
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                        </div>
			<div class="row demo-example">
                            <div class="col-sm-12">
                                <div class="demo-flipper">
                                    <div class="demo-flipper-container">
                                        <div class="demo-flipper-front demo-panel-white fx-all-250">
                                            <div id="container_html" class="chart-reset overflow-auto" style="height: 100%;">
                                                <noscript>
                                                <img src="http://www.amcharts.com/wp-content/uploads/2014/04/static_demo_2537.jpg" alt="Line Chart with Scroll and Zoom" />
                                                </noscript>
                                            </div>
                                        </div>
                                        <div class="demo-flipper-back demo-panel-white fx-all-250">
                                            <form id="jsfiddle" target="_amcharts" method="post" action="http://jsfiddle.net/api/post/library/pure/">
                                                <div class="tab-content position-relative">
                                                    <div id="javascript" class="tab-pane overflow-auto active">
                                                        <div id="editor_js" style="height: 437px;"></div>
                                                        <textarea id="code_js" name="js" class="hidden">
                                                            var chartData = generateChartData();
                                                            var chart = AmCharts.makeChart("chartdiv", {
                                                                "type": "serial",
                                                                "theme": "light",
                                                                "pathToImages": "http://www.amcharts.com/lib/3/images/",
                                                                "dataProvider": chartData,
                                                                "valueAxes": [{
                                                                    "axisAlpha": 0.2,
                                                                    "dashLength": 1,
                                                                    "position": "left"
                                                                }],
                                                                "graphs": [{
                                                                    "id":"g1",
                                                                    "balloonText": "[[category]]<br /><b><span style='font-size:14px;'>value: [[value]]</span></b>",
                                                                    "bullet": "round",
                                                                    "bulletBorderAlpha": 1,
                                                                            "bulletColor":"#FFFFFF",
                                                                    "hideBulletsCount": 50,
                                                                    "title": "red line",
                                                                    "valueField": "visits",
                                                                            "useLineColorForBulletBorder":true
                                                                }],
                                                                "chartScrollbar": {
                                                                    "autoGridCount": true,
                                                                    "graph": "g1",
                                                                    "scrollbarHeight": 40
                                                                },
                                                                "chartCursor": {
                                                                    "cursorPosition": "mouse"
                                                                },
                                                                "categoryField": "date",
                                                                "categoryAxis": {
                                                                    "parseDates": true,
                                                                    "axisColor": "#DADADA",
                                                                    "dashLength": 1,
                                                                    "minorGridEnabled": true
                                                                },
                                                                    "exportConfig":{
                                                                      menuRight: '20px',
                                                                  menuBottom: '30px',
                                                                  menuItems: [{
                                                                  icon: '',
                                                                  format: 'png'	  
                                                                  }]  
                                                                    }
                                                            });

                                                            chart.addListener("rendered", zoomChart);
                                                            zoomChart();

                                                            // this method is called when chart is first inited as we listen for "dataUpdated" event
                                                            function zoomChart() {
                                                                // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
                                                                chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
                                                            }


                                                            // generate some random data, quite different range
                                                            function generateChartData() {
                                                                var chartData = [];
                                                                var firstDate = new Date();
                                                                firstDate.setDate(firstDate.getDate() - 5);

                                                                for (var i = 0; i < 1000; i++) {
                                                                    // we create date objects here. In your data, you can have date strings
                                                                    // and then set format of your dates using chart.dataDateFormat property,
                                                                    // however when possible, use date objects, as this will speed up chart rendering.
                                                                    var newDate = new Date(firstDate);
                                                                    newDate.setDate(newDate.getDate() + i);

                                                                    var visits = Math.round(Math.random() * (40 + i / 5)) + 20 + i;

                                                                    chartData.push({
                                                                        date: newDate,
                                                                        visits: visits
                                                                    });
                                                                }
                                                                return chartData;
                                                            }
                                                        </textarea>
                                                    </div>
                                                    <div id="html" class="tab-pane overflow-auto">
                                                        <div id="editor_html" style="height: 437px;">                                                            
                                                        </div>
                                                        <textarea id="code_html" name="html" class="hidden">
                                                            <div id="chartdiv">
                                                            </div>
                                                        </textarea>                                                        
                                                    </div>
                                                    <div id="css" class="tab-pane overflow-auto">
                                                        <div id="editor_css" style="height: 437px;"></div>
                                                        <textarea id="code_css" name="css" class="hidden">
                                                                    #chartdiv {
                                                                            width	: 100%;
                                                                            height	: 500px;
                                                                    }						
                                                        </textarea>
                                                    </div>
                                                    <div id="resources" class="tab-pane overflow-auto">
                                                        <div id="editor_resources" style="height: 437px;">                                                            
                                                        </div>
                                                        <textarea id="code_resources" name="resourcesDEF" class="hidden">
                                                        &lt;script type=&quot;text/javascript&quot; src=&quot;http://www.amcharts.com/lib/3/amcharts.js&quot;&gt;&lt;/script&gt;
                                                        &lt;script type=&quot;text/javascript&quot; src=&quot;http://www.amcharts.com/lib/3/serial.js&quot;&gt;&lt;/script&gt;
                                                        &lt;script type=&quot;text/javascript&quot; src=&quot;http://www.amcharts.com/lib/3/themes/none.js&quot;&gt;&lt;/script&gt;
                                                        </textarea>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
			</div>
                </div>
        </div>
			<script type="text/javascript">
                            AmCharts.themes.patterns={themeName:"patterns",AmChart:{color:"#000000"},AmCoordinateChart:{colors:"#000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000".split(" "),patterns:[{url:"/lib/3/patterns/black/pattern1.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern2.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern3.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern4.png",
width:4,height:4},{url:"/lib/3/patterns/black/pattern5.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern6.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern7.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern8.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern9.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern10.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern11.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern12.png",width:4,height:4},
{url:"/lib/3/patterns/black/pattern13.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern14.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern15.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern16.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern17.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern18.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern19.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern20.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern21.png",
width:4,height:4}]},AmStockChart:{colors:"#000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000".split(" ")},AmPieChart:{depth3D:0,angle:0,labelRadius:10},AmSlicedChart:{outlineAlpha:0.3,colors:"#000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000 #000000".split(" "),outlineThickness:1,
outlineColor:"#000000",labelTickColor:"#000000",labelTickAlpha:0.3,patterns:[{url:"/lib/3/patterns/black/pattern1.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern2.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern3.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern4.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern5.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern6.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern7.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern8.png",
width:4,height:4},{url:"/lib/3/patterns/black/pattern9.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern10.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern11.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern12.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern13.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern14.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern15.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern16.png",width:4,height:4},
{url:"/lib/3/patterns/black/pattern17.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern18.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern19.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern20.png",width:4,height:4},{url:"/lib/3/patterns/black/pattern21.png",width:4,height:4}]},AmRectangularChart:{zoomOutButtonColor:"#000000",zoomOutButtonRollOverAlpha:0.15,zoomOutButtonImage:"lens.png"},AxisBase:{axisColor:"#000000",axisAlpha:0.3,gridAlpha:0.05,gridColor:"#000000"},ChartScrollbar:{backgroundColor:"#000000",
backgroundAlpha:0.13,graphFillAlpha:0.4,selectedGraphFillAlpha:0.7,graphLineAlpha:0,selectedBackgroundColor:"#FFFFFF",selectedBackgroundAlpha:0.9,gridAlpha:0.15},ChartCursor:{cursorColor:"#000000",color:"#FFFFFF",cursorAlpha:0.5},AmLegend:{color:"#000000",markerBorderAlpha:0.1,markerSize:20,switchColor:"#000000"},AmGraph:{lineAlpha:0.4,fillAlphas:0.5},AmAngularGauge:{faceAlpha:0.5,facePattern:{url:"/lib/3/patterns/black/pattern1.png",width:4,height:4}},GaugeArrow:{color:"#000000",alpha:1,nailAlpha:1,
innerRadius:"0%",nailRadius:15,startWidth:15,borderAlpha:1,radius:"70%",nailBorderAlpha:1},GaugeAxis:{tickColor:"#000000",tickAlpha:1,tickLength:15,minorTickLength:8,axisThickness:1,axisColor:"#000000",axisAlpha:1,bandAlpha:1},TrendLine:{lineColor:"#c03246",lineAlpha:0.8},AreasSettings:{alpha:0.8,color:"#000000",colorSolid:"#000000",unlistedAreasAlpha:0.4,unlistedAreasColor:"#000000",outlineColor:"#FFFFFF",outlineAlpha:0.5,outlineThickness:0.5,rollOverColor:"#3c5bdc",rollOverOutlineColor:"#FFFFFF",
selectedOutlineColor:"#FFFFFF",selectedColor:"#f15135",unlistedAreasOutlineColor:"#FFFFFF",unlistedAreasOutlineAlpha:0.5},LinesSettings:{color:"#000000",alpha:0.8},ImagesSettings:{alpha:0.8,labelColor:"#000000",color:"#000000",labelRollOverColor:"#3c5bdc"},ZoomControl:{buttonRollOverColor:"#3c5bdc",buttonFillColor:"#f15135",buttonFillAlpha:0.8,buttonBorderColor:"#000000",gridBackgroundColor:"#000000",gridAlpha:0.8},SmallMap:{mapColor:"#000000",rectangleColor:"#f15135",backgroundColor:"#FFFFFF",backgroundAlpha:0.7,
borderThickness:1,borderAlpha:0.8},PeriodSelector:{color:"#000000"},PeriodButton:{color:"#000000",background:"transparent",opacity:0.7,border:"1px solid rgba(0, 0, 0, .3)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",boxSizing:"border-box"},PeriodButtonSelected:{color:"#000000",backgroundColor:"rgba(0, 0, 0, 0.1)",border:"1px solid rgba(0, 0, 0, .3)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",opacity:1,boxSizing:"border-box"},PeriodInputField:{color:"#000000",
background:"transparent",border:"1px solid rgba(0, 0, 0, .3)",outline:"none"},DataSetSelector:{color:"#000000",selectedBackgroundColor:"rgba(0, 0, 0, .25)",rollOverBackgroundColor:"rgba(0, 0, 0, .15)"},DataSetCompareList:{color:"#000000",lineHeight:"100%",boxSizing:"initial",webkitBoxSizing:"initial",border:"1px solid rgba(0, 0, 0, .3)"},DataSetSelect:{border:"1px solid rgba(0, 0, 0, .3)",outline:"none"}};</script>
			<script type="text/javascript">AmCharts.themes.chalk={themeName:"chalk",AmChart:{color:"#e7e7e7",fontFamily:"Covered By Your Grace",fontSize:18,handDrawn:!0},AmCoordinateChart:{colors:"#FFFFFF #e384a6 #f4d499 #4d90d6 #c7e38c #9986c8 #edf28c #ffd1d4 #5ee1dc #b0eead #fef85a #8badd2".split(" ")},AmSlicedChart:{outlineAlpha:1,labelTickColor:"#FFFFFF",labelTickAlpha:0.3,colors:"#FFFFFF #e384a6 #f4d499 #4d90d6 #c7e38c #9986c8 #edf28c #ffd1d4 #5ee1dc #b0eead #fef85a #8badd2".split(" ")},AmStockChart:{colors:"#FFFFFF #e384a6 #f4d499 #4d90d6 #c7e38c #9986c8 #edf28c #ffd1d4 #5ee1dc #b0eead #fef85a #8badd2".split(" ")},
AmRectangularChart:{zoomOutButtonColor:"#FFFFFF",zoomOutButtonRollOverAlpha:0.15,zoomOutButtonImage:"lensWhite.png"},AxisBase:{axisColor:"#FFFFFF",gridColor:"#FFFFFF"},ChartScrollbar:{backgroundColor:"#FFFFFF",backgroundAlpha:0.2,graphFillAlpha:0.5,graphLineAlpha:0,selectedBackgroundColor:"#000000",selectedBackgroundAlpha:0.25,fontSize:15,gridAlpha:0.15},ChartCursor:{cursorColor:"#FFFFFF",color:"#000000"},AmLegend:{color:"#e7e7e7",markerSize:20},AmGraph:{lineAlpha:0.8},GaugeArrow:{color:"#FFFFFF",
alpha:0.1,nailAlpha:0,innerRadius:"40%",nailRadius:15,startWidth:15,borderAlpha:0.8,nailBorderAlpha:0},GaugeAxis:{tickColor:"#FFFFFF",tickAlpha:0.8,tickLength:15,minorTickLength:8,axisThickness:3,axisColor:"#FFFFFF",axisAlpha:0.8,bandAlpha:0.4},TrendLine:{lineColor:"#c03246",lineAlpha:0.8},AmMap:{handDrawn:!1},AreasSettings:{alpha:0.8,color:"#FFFFFF",colorSolid:"#000000",unlistedAreasAlpha:0.4,unlistedAreasColor:"#FFFFFF",outlineColor:"#000000",outlineAlpha:0.5,outlineThickness:0.5,rollOverColor:"#4d90d6",
rollOverOutlineColor:"#000000",selectedOutlineColor:"#000000",selectedColor:"#e384a6",unlistedAreasOutlineColor:"#000000",unlistedAreasOutlineAlpha:0.5},LinesSettings:{color:"#FFFFFF",alpha:0.8},ImagesSettings:{alpha:0.8,labelFontSize:16,labelColor:"#FFFFFF",color:"#FFFFFF",labelRollOverColor:"#4d90d6"},ZoomControl:{buttonRollOverColor:"#4d90d6",buttonFillColor:"#e384a6",buttonFillAlpha:0.8,buttonBorderColor:"#FFFFFF",gridBackgroundColor:"#FFFFFF",gridAlpha:0.8},SmallMap:{mapColor:"#FFFFFF",rectangleColor:"#e384a6",
backgroundColor:"#000000",backgroundAlpha:0.7,borderThickness:1,borderAlpha:0.8},PeriodSelector:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7"},PeriodButton:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7",background:"transparent",opacity:0.7,border:"1px solid rgba(255, 255, 255, .15)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",boxSizing:"border-box"},PeriodButtonSelected:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7",
backgroundColor:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255, 255, 255, .3)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",opacity:1,boxSizing:"border-box"},PeriodInputField:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7",background:"transparent",border:"1px solid rgba(255, 255, 255, .15)",outline:"none"},DataSetSelector:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7",selectedBackgroundColor:"rgba(255, 255, 255, .25)",rollOverBackgroundColor:"rgba(255, 255, 255, .15)"},
DataSetCompareList:{fontFamily:"Covered By Your Grace",fontSize:"16px",color:"#e7e7e7",lineHeight:"100%",boxSizing:"initial",webkitBoxSizing:"initial",border:"1px solid rgba(255, 255, 255, .15)"},DataSetSelect:{fontFamily:"Covered By Your Grace",fontSize:"16px",border:"1px solid rgba(255, 255, 255, .15)",outline:"none"}};</script>
			<script type="text/javascript">AmCharts.themes.dark={themeName:"dark",AmChart:{color:"#e7e7e7",fontFamily:"Lato",fontSize:13},AmCoordinateChart:{colors:"#ae85c9 #aab9f7 #b6d2ff #c9e6f2 #c9f0e1 #e8d685 #e0ad63 #d48652 #d27362 #495fba #7a629b #8881cc".split(" ")},AmStockChart:{colors:"#639dbd #e8d685 #ae85c9 #c9f0e1 #d48652 #629b6d #719dc3 #719dc3".split(" ")},AmSlicedChart:{outlineAlpha:1,outlineThickness:2,labelTickColor:"#FFFFFF",labelTickAlpha:0.3,colors:"#495fba #e8d685 #ae85c9 #c9f0e1 #d48652 #629b6d #719dc3 #719dc3".split(" ")},
AmRectangularChart:{zoomOutButtonColor:"#FFFFFF",zoomOutButtonRollOverAlpha:0.15,zoomOutButtonImage:"lensWhite.png"},AxisBase:{axisColor:"#FFFFFF",axisAlpha:0.3,gridAlpha:0.1,gridColor:"#FFFFFF",dashLength:3},ChartScrollbar:{backgroundColor:"#000000",backgroundAlpha:0.2,graphFillAlpha:0.2,graphLineAlpha:0,graphFillColor:"#FFFFFF",selectedGraphFillColor:"#FFFFFF",selectedGraphFillAlpha:0.4,selectedGraphLineColor:"#FFFFFF",selectedBackgroundColor:"#FFFFFF",selectedBackgroundAlpha:0.09,gridAlpha:0.15},
ChartCursor:{cursorColor:"#FFFFFF",color:"#000000",cursorAlpha:0.5},AmLegend:{color:"#e7e7e7"},AmGraph:{lineAlpha:0.9},GaugeArrow:{color:"#FFFFFF",alpha:0.8,nailAlpha:0,innerRadius:"40%",nailRadius:15,startWidth:15,borderAlpha:0.8,nailBorderAlpha:0},GaugeAxis:{tickColor:"#FFFFFF",tickAlpha:1,tickLength:15,minorTickLength:8,axisThickness:3,axisColor:"#FFFFFF",axisAlpha:1,bandAlpha:0.8},TrendLine:{lineColor:"#c03246",lineAlpha:0.8},AreasSettings:{alpha:0.8,color:"#FFFFFF",colorSolid:"#000000",unlistedAreasAlpha:0.4,
unlistedAreasColor:"#FFFFFF",outlineColor:"#000000",outlineAlpha:0.5,outlineThickness:0.5,rollOverColor:"#3c5bdc",rollOverOutlineColor:"#000000",selectedOutlineColor:"#000000",selectedColor:"#f15135",unlistedAreasOutlineColor:"#000000",unlistedAreasOutlineAlpha:0.5},LinesSettings:{color:"#FFFFFF",alpha:0.8},ImagesSettings:{alpha:0.8,labelColor:"#FFFFFF",color:"#FFFFFF",labelRollOverColor:"#3c5bdc"},ZoomControl:{buttonRollOverColor:"#3c5bdc",buttonFillColor:"#f15135",buttonFillAlpha:0.8,gridBackgroundColor:"#FFFFFF",
buttonBorderAlpha:0,buttonCornerRadius:2,gridAlpha:0.5,gridBackgroundColor:"#FFFFFF",homeIconFile:"homeIconWhite.gif",buttonIconAlpha:0.6,gridAlpha:0.2,buttonSize:20},SmallMap:{mapColor:"#FFFFFF",rectangleColor:"#ffffff",backgroundColor:"#000000",backgroundAlpha:0.7,borderThickness:1,borderAlpha:0.8},PeriodSelector:{color:"#e7e7e7"},PeriodButton:{color:"#e7e7e7",background:"transparent",opacity:0.7,border:"1px solid rgba(255, 255, 255, .15)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",
boxSizing:"border-box"},PeriodButtonSelected:{color:"#e7e7e7",backgroundColor:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255, 255, 255, .3)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",opacity:1,boxSizing:"border-box"},PeriodInputField:{color:"#e7e7e7",background:"transparent",border:"1px solid rgba(255, 255, 255, .15)",outline:"none"},DataSetSelector:{color:"#e7e7e7",selectedBackgroundColor:"rgba(255, 255, 255, .25)",rollOverBackgroundColor:"rgba(255, 255, 255, .15)"},
DataSetCompareList:{color:"#e7e7e7",lineHeight:"100%",boxSizing:"initial",webkitBoxSizing:"initial",border:"1px solid rgba(255, 255, 255, .15)"},DataSetSelect:{border:"1px solid rgba(255, 255, 255, .15)",outline:"none"}};</script>
			<script type="text/javascript">AmCharts.themes.light={AmChart:{color:"#000000",fontFamily:"Lato",fontSize:13},AmCoordinateChart:{colors:"#67b7dc #fdd400 #84b761 #cc4748 #cd82ad #2f4074 #448e4d #b7b83f #b9783f #b93e3d #913167".split(" ")},AmStockChart:{colors:"#67b7dc #fdd400 #84b761 #cc4748 #cd82ad #2f4074 #448e4d #b7b83f #b9783f #b93e3d #913167".split(" ")},AmSlicedChart:{outlineAlpha:1,outlineThickness:2,labelTickColor:"#000000",labelTickAlpha:0.3,colors:"#67b7dc #fdd400 #84b761 #cc4748 #cd82ad #2f4074 #448e4d #b7b83f #b9783f #b93e3d #913167".split(" ")},
AmRectangularChart:{zoomOutButtonColor:"#000000",zoomOutButtonRollOverAlpha:0.15,zoomOutButtonImage:"lens.png"},AxisBase:{axisColor:"#000000",axisAlpha:0.3,gridAlpha:0.1,gridColor:"#000000"},ChartScrollbar:{backgroundColor:"#000000",backgroundAlpha:0.12,graphFillAlpha:0.5,graphLineAlpha:0,selectedBackgroundColor:"#FFFFFF",selectedBackgroundAlpha:0.4,gridAlpha:0.15},ChartCursor:{cursorColor:"#000000",color:"#FFFFFF",cursorAlpha:0.5},AmLegend:{color:"#000000"},AmGraph:{lineAlpha:0.9},GaugeArrow:{color:"#000000",
alpha:0.8,nailAlpha:0,innerRadius:"40%",nailRadius:15,startWidth:15,borderAlpha:0.8,nailBorderAlpha:0},GaugeAxis:{tickColor:"#000000",tickAlpha:1,tickLength:15,minorTickLength:8,axisThickness:3,axisColor:"#000000",axisAlpha:1,bandAlpha:0.8},TrendLine:{lineColor:"#c03246",lineAlpha:0.8},AreasSettings:{alpha:0.8,color:"#67b7dc",colorSolid:"#003767",unlistedAreasAlpha:0.4,unlistedAreasColor:"#000000",outlineColor:"#FFFFFF",outlineAlpha:0.5,outlineThickness:0.5,rollOverColor:"#3c5bdc",rollOverOutlineColor:"#FFFFFF",
selectedOutlineColor:"#FFFFFF",selectedColor:"#f15135",unlistedAreasOutlineColor:"#FFFFFF",unlistedAreasOutlineAlpha:0.5},LinesSettings:{color:"#000000",alpha:0.8},ImagesSettings:{alpha:0.8,labelColor:"#000000",color:"#000000",labelRollOverColor:"#3c5bdc"},ZoomControl:{buttonRollOverColor:"#3c5bdc",buttonFillColor:"#3994e2",buttonBorderColor:"#3994e2",buttonFillAlpha:0.8,gridBackgroundColor:"#FFFFFF",buttonBorderAlpha:0,buttonCornerRadius:2,gridColor:"#FFFFFF",gridBackgroundColor:"#000000",buttonIconAlpha:0.6,
gridAlpha:0.6,buttonSize:20},SmallMap:{mapColor:"#000000",rectangleColor:"#ffffff",backgroundColor:"#FFFFFF",backgroundAlpha:0.7,borderThickness:1,borderAlpha:0.8},PeriodSelector:{color:"#000000"},PeriodButton:{color:"#000000",background:"transparent",opacity:0.7,border:"1px solid rgba(0, 0, 0, .3)",MozBorderRadius:"5px",borderRadius:"5px",margin:"1px",outline:"none",boxSizing:"border-box"},PeriodButtonSelected:{color:"#000000",backgroundColor:"#b9cdf5",border:"1px solid rgba(0, 0, 0, .3)",MozBorderRadius:"5px",
borderRadius:"5px",margin:"1px",outline:"none",opacity:1,boxSizing:"border-box"},PeriodInputField:{color:"#000000",background:"transparent",border:"1px solid rgba(0, 0, 0, .3)",outline:"none"},DataSetSelector:{color:"#000000",selectedBackgroundColor:"#b9cdf5",rollOverBackgroundColor:"#a8b0e4"},DataSetCompareList:{color:"#000000",lineHeight:"100%",boxSizing:"initial",webkitBoxSizing:"initial",border:"1px solid rgba(0, 0, 0, .3)"},DataSetSelect:{border:"1px solid rgba(0, 0, 0, .3)",outline:"none"}};</script>
	</div>
            </div>
        </div> <!-- app-body -->
        
		
	</body>
</html>